<script setup>
import { ref } from 'vue'
const vFocus = {
  mounted: (el) => el.focus()
}

// // 指令钩子
// const myDirective={
//   //在绑定元素的attribute前或者监听器应用钱调用
//   created(el,binding,vnode,prevVnode){
//     /**
//      * el:指令绑定到的元素，可以直接用于操作dom
//      * binding:一个对象，包含以下属性
//      * { 
//      *    
//      * }
//      * */
//   },
//   //在元素被插入到dom前调用
//   beforeMount(el,binding,vnode,prevVnode){},
//   //在绑定元素的父组件以及他自己的所有子节点都挂载完成后调用
//   mounted(el,binding,vnode,prevVnode){},
//   //绑定元素的父组件更新前调用
//   beforeUpdate(el,binding,vnode,prevVnode){},
//   //绑定元素的父组件以及他自己的所有子节点都更新后调用
//   updated(el,binding,vnode,prevVnode){},
//   //绑定元素的父组件卸载前调用
//   beforeUnmount(el,binding,vnode,prevVnode){},
//   //绑定元素的父组件卸载后调用
//   unmounted(el,binding,vnode,prevVnode){},
// }
</script>
  <template>
  <div>
    <input v-focus />
  </div>
</template>